<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>易收银管理系统</title>
    <link rel="stylesheet" href="/vendor/home/assets/css/common.css">
</head>
<body>
<!--头部-->
<header>
    <div class="header_title"><span>xxx大药房收银台</span></div>
    <div class="handle"><span>－</span><span> □ </span><span class="handle_active"> × </span></div>
</header>
<!--头部-->
<!--中间-->
<div class="wrapper">
    <div class="container">
        <div class="main">
            <!--条形码-->
            <div class="bar">
                <div class="bar_input">
                    <span>欢迎使用 xxx 收银系统</span>
                    <img src="/vendor/home/assets/img/1.png" alt="">
                </div>
                <div class="bar_number">小票流水号：{{make_allocation_code()}}</div>
                <div class="heart" id="show"></div>
            </div>
            <!--条形码-->
            <!--表格-->
            <div class="list">
                <table>
                    <tbody>
                    <tr>
                        <th class="style1">条码</th>
                        <th class="style2">品名</th>
                        <th class="style3">[单价]</th>
                        <th class="style3">会员价</th>
                        <th class="style4">折扣%</th>
                        <th class="style4">数量</th>
                        <th class="style3">金额</th>
                    </tr>
                    <tr class="p">
                        <td class="style1">
                            <input type="text" id="code">
                        </td>
                        <td class="style2">
                            <input type="text" id="name">
                        </td>
                        <td class="style3">
                            <input type="text" id="price" value="￥10.00">
                        </td>
                        <td class="style3">
                            <input type="text" id="member_price" value="￥8.00">
                        </td>
                        <td class="style4">
                            <input type="text" id="discount" value="80%">
                        </td>
                        <td class="style4">
                            <input type="text" id="num" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="total_price" value="￥10.00">
                        </td>
                    </tr>
                    <tr class="p">
                        <td class="style1">
                            <input type="text" id="code" value="">
                        </td>
                        <td class="style2">
                            <input type="text" id="name" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="price" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="member_price" value="">
                        </td>
                        <td class="style4">
                            <input type="text" id="discount" value="">
                        </td>
                        <td class="style4">
                            <input type="text" id="num" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="total_price" value="">
                        </td>
                    </tr>
                    <tr class="p">
                        <td class="style1">
                            <input type="text" id="code" value="">
                        </td>
                        <td class="style2">
                            <input type="text" id="name" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="price" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="member_price" value="">
                        </td>
                        <td class="style4">
                            <input type="text" id="discount" value="">
                        </td>
                        <td class="style4">
                            <input type="text" id="num" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="total_price" value="">
                        </td>
                    </tr>
                    <tr class="p">
                        <td class="style1">
                            <input type="text" id="code" value="">
                        </td>
                        <td class="style2">
                            <input type="text" id="name" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="price" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="member_price" value="">
                        </td>
                        <td class="style4">
                            <input type="text" id="discount" value="">
                        </td>
                        <td class="style4">
                            <input type="text" id="num" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="total_price" value="">
                        </td>
                    </tr>
                    <tr class="p">
                        <td class="style1">
                            <input type="text" id="code" value="">
                        </td>
                        <td class="style2">
                            <input type="text" id="name" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="price" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="member_price" value="">
                        </td>
                        <td class="style4">
                            <input type="text" id="discount" value="">
                        </td>
                        <td class="style4">
                            <input type="text" id="num" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="total_price" value="">
                        </td>
                    </tr>
                    <tr class="p">
                        <td class="style1">
                            <input type="text" id="code" value="">
                        </td>
                        <td class="style2">
                            <input type="text" id="name" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="price" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="member_price" value="">
                        </td>
                        <td class="style4">
                            <input type="text" id="discount" value="">
                        </td>
                        <td class="style4">
                            <input type="text" id="num" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="total_price" value="">
                        </td>
                    </tr>
                    <tr class="p">
                        <td class="style1">
                            <input type="text" id="code" value="">
                        </td>
                        <td class="style2">
                            <input type="text" id="name" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="price" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="member_price" value="">
                        </td>
                        <td class="style4">
                            <input type="text" id="discount" value="">
                        </td>
                        <td class="style4">
                            <input type="text" id="num" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="total_price" value="">
                        </td>
                    </tr>
                    <tr class="p">
                        <td class="style1">
                            <input type="text" id="code" value="">
                        </td>
                        <td class="style2">
                            <input type="text" id="name" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="price" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="member_price" value="">
                        </td>
                        <td class="style4">
                            <input type="text" id="discount" value="">
                        </td>
                        <td class="style4">
                            <input type="text" id="num" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="total_price" value="">
                        </td>
                    </tr>
                    <tr class="p">
                        <td class="style1">
                            <input type="text" id="code" value="">
                        </td>
                        <td class="style2">
                            <input type="text" id="name" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="price" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="member_price" value="">
                        </td>
                        <td class="style4">
                            <input type="text" id="discount" value="">
                        </td>
                        <td class="style4">
                            <input type="text" id="num" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="total_price" value="">
                        </td>
                    </tr>
                    <tr class="p">
                        <td class="style1">
                            <input type="text" id="code" value="">
                        </td>
                        <td class="style2">
                            <input type="text" id="name" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="price" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="member_price" value="">
                        </td>
                        <td class="style4">
                            <input type="text" id="discount" value="">
                        </td>
                        <td class="style4">
                            <input type="text" id="num" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="total_price" value="">
                        </td>
                    </tr>
                    <tr class="p">
                        <td class="style1">
                            <input type="text" id="code" value="">
                        </td>
                        <td class="style2">
                            <input type="text" id="name" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="price" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="member_price" value="">
                        </td>
                        <td class="style4">
                            <input type="text" id="discount" value="">
                        </td>
                        <td class="style4">
                            <input type="text" id="num" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="total_price" value="">
                        </td>
                    </tr>
                    <tr class="p">
                        <td class="style1">
                            <input type="text" id="code" value="">
                        </td>
                        <td class="style2">
                            <input type="text" id="name" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="price" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="member_price" value="">
                        </td>
                        <td class="style4">
                            <input type="text" id="discount" value="">
                        </td>
                        <td class="style4">
                            <input type="text" id="num" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="total_price" value="">
                        </td>
                    </tr>
                    <tr class="p">
                        <td class="style1">
                            <input type="text" id="code" value="">
                        </td>
                        <td class="style2">
                            <input type="text" id="name" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="price" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="member_price" value="">
                        </td>
                        <td class="style4">
                            <input type="text" id="discount" value="">
                        </td>
                        <td class="style4">
                            <input type="text" id="num" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="total_price" value="">
                        </td>
                    </tr>
                    <tr class="p">
                        <td class="style1">
                            <input type="text" id="code" value="">
                        </td>
                        <td class="style2">
                            <input type="text" id="name" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="price" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="member_price" value="">
                        </td>
                        <td class="style4">
                            <input type="text" id="discount" value="">
                        </td>
                        <td class="style4">
                            <input type="text" id="num" value="">
                        </td>
                        <td class="style3">
                            <input type="text" id="total_price" value="">
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <!--表格-->
            <!--计算-->
            <div class="count">
                <div class="count_left">
                    <div class="product">
                        <span>共：¥32.00</span>
                        <div><span>商品数量：2</span></div>
                    </div>
                    <form action="" class="member">
                        <div class="member_one">
                            <span>会员卡：</span>
                            <input type="text">
                        </div>
                        <div class="member_two">
                            <span> 积分：</span>
                            <input type="text">
                        </div>
                        <div class="member_three">
                            <span> 折扣：</span>
                            <input type="text">
                            <button>会员积分</button>
                            <span class="ico"><img src="/vendor/home/assets/img/3.png" alt=""></span>
                        </div>
                    </form>
                </div>
                <div class="count_right">
                    <form action="" class="count_detail">
                        <div class="detail_one">实收金额：</div>
                        <div class="detail_two">¥<input class="input_one" type="text" value="32.00"><span
                                    class="discount">打折</span></div>
                        <div class="detail_three">交来金额：</div>
                        <div class="detail_four"><span>¥</span><input class="input_two" type="text" value="50.00"></div>
                        <div class="detail_five">应找金额：</div>
                        <div class="detail_six">¥<input class="input_three" type="text" value="18.00"></div>
                    </form>
                    <div class="count_button">
                        <div class="print">
                            <a href="javascript:;" class="button_print">结算打印</a>
                        </div>
                        <div class="last">
                            <button class="button_last">打印上一单</button>
                        </div>
                        <div class="return">
                            <button class="button_return">退货</button>
                        </div>
                        <div class="set">
                            <button class="button_set">设置</button>
                        </div>
                        <div class="help">
                            <button class="button_help">帮助</button>
                        </div>
                    </div>
                </div>
            </div>
            <!--计算-->
        </div>
        <!--底部-->
        <footer>
            <div class="footer">
                <div class="border"><span>收银台|13年03月21日  <span>09:10</span>  </span></div>
                <div class="border"><span>商品002库存：40</span></div>
                <div class="border"><span>收银员：A</span></div>
                <div><span>http://www.momo.com</span></div>
            </div>
        </footer>
        <!--底部-->
    </div>
</div>
<!--中间-->

<script src="/ace/assets/js/jquery-1.10.2.min.js"></script>
<script src="/vendor/home/js/home.js"></script>
<script type="text/javascript">
    $(function () {
        $('.button_print').click(function () {
            var info = {
                code:$("#code").val(),
                name:$("#name").val(),
                price:$("#price").val(),
                member_price:$("#member_price").val(),
//                discount:$("#discount").val(),
                num:$("#num").val(),
                total_price:$("#price").val() * $("#num").val()
            };
            console.log(info);

            return false;
        })
    })
</script>
</body>
</html>



